<template>
	<view class="main pt-140 pb-100">
		<!-- <view class="" style="color: #bb6d17; font-weight: 700; font-size: 40upx;">排五七星为您提供</view>
		<view class="my-1  text-center bg-white box-s bo-r2">
			<view class="d-flex">
				<view class="span-10 ">七星彩开奖历史</view>
				<view class="span-10">排列五开奖历史</view>
			</view>
			<view class="d-flex">
				<view class="">七星彩开奖历史</view>
				<view class="">排列五开奖历史</view>
			</view>
		</view> -->
		<!-- <view class="px-3 text-center" style="color: #bb6d17; font-weight: 700; font-size: 40upx;">排五七星为您提供</view> -->
		<!-- <view class="title-view">
			<view class="title">排五七星为您提供</view>
			<view class="sub-title">祝你好运连连中大奖</view>
		</view> -->
		<view class="" v-if="data.show">
			<image src="https://tp6lottery.ikanmore.com/uploads/plw.png" style="width: 725rpx;" mode="widthFix"></image>
		</view>
		
		<view v-if="data.show" class="position-fixed text-center font py-1" style="color: #000; left:0; bottom: 100upx; width: 100%;">
			数据来自于中国福彩官网 www.lottery.gov.cn
		</view>

		<ad unit-id="adunit-09d174bd84226612" ad-type="video" ad-theme="white"></ad>
		<tabBar :resdata="data.menu" :currentIndex="2" v-if="data.show"></tabBar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loadingHidden: false,
				menu_active: 0,
				num_active: 30,
				param: {},
				plw_list: [],
				qxc_list: [],
				menu: [],
				configs: {},
				banner: '',
				
				data: {
					plw_list: [],
					qxc_list: [],
					menu: [],
					show: 0,
					configs: {}
				}
			}
		},
		onLoad() {
			this.getData()
		},
		methods: {
			// 加载数据
			getData() {
				this.$H.get('/get_history', {}, {

				}).then(res => {
					console.log(res)
					this.data = res
					
					// this.plw_list = res.plw_list
					// this.qxc_list = res.qxc_list
					// this.menu = res.menu
					// this.configs = res.configs
					// console.log((this.configs)['banner'])
					// this.banner = (this.configs)['banner']
					this.banner = (res.configs)['banner']
					
					// #ifdef MP
					this.data.menu = this.data.menu.slice(0,2)
					// #endif
				}).catch(err => {
					console.log(err)
				})
			},
			menuChange(index) {
				console.log(index)
				this.menu_active = index
			}
		}
	}
</script>

<style>
	page {
		background: #fffcf5;
	}

	view.main view.title-view {
		display: flex;
		align-items: flex-end;
		padding-bottom: 20rpx;
	}

	view.main view.title-view view.title {
		/* color: yellow; */
		font-size: 40rpx;
	}

	view.main view.title-view view.sub-title {
		/* color: white; */
		font-size: 24rpx;
		padding-left: 10rpx;
	}

	view.main view.menu {
		background-color: #fff;
		display: flex;
	}

	view.main view.menu view.qxc {
		flex: 1;
		padding: 20rpx 0;
		text-align: center;
	}

	view.main view.menu view.plw {
		flex: 1;
		padding: 20rpx 0;
		text-align: center;
	}

	view.main view.menu view.active {
		background-color: #fea75c;
		color: #fff;
	}

	view.main view.blank {
		/* background-color: #f9f1c3; */
		padding: 20rpx;
	}

	view.main view.blank view.blank-main {
		background-color: #fff;
		display: flex;
		justify-content: space-around;
		padding: 20rpx 0;
		font-size: 24rpx;
	}

	view.main view.blank view.blank-main view.active {
		color: red;

	}

	view.main view.item {
		background-color: #e7dfd2;
	}

	view.main view.item view.head {
		display: flex;
		border-bottom: 1px solid #000;
		border-top: 3px solid #ec9a82;
	}

	view.main view.item view.head view.num {
		width: 150rpx;
		text-align: center;
		padding: 10rpx 0;
	}

	view.main view.item view.head view.value {
		width: 70rpx;
		text-align: center;
		border-left: 1px solid #000;
		padding: 10rpx 0;
	}

	view.main view.item view.head view.code {
		flex: 1;
		text-align: center;
		border-left: 1px solid #000;
		padding: 10rpx 0;
	}

	view.main view.item view.item {
		display: flex;
		border-bottom: 1px solid #000;
	}

	view.main view.item view.item view.num {
		width: 150rpx;
		text-align: center;
		padding: 10rpx 0;
	}

	view.main view.item view.item view.value {
		width: 70rpx;
		text-align: center;
		border-left: 1px solid #000;
		padding: 10rpx 0;
	}

	view.main view.item view.item view.code {
		display: flex;
		flex: 1;
		border-left: 1px solid #000;
	}

	view.main view.item view.item view.code view.code-item {
		flex: 1;
		text-align: center;
		padding: 10rpx 0;
		font-weight: bold;
	}

	view.main view.item view.item view.code view.code-item+view {
		border-left: 1px solid #000;
	}

	view.main view.item view.item view.code view.red {
		color: red;
		padding: 10rpx 0;
	}

	view.main view.title-item {
		text-align: center;
		color: white;
		font-size: 30rpx;
	}

	view.main view.title-item2 {
		padding-top: 20rpx;
		text-align: center;
		color: #e0dddd;
		font-size: 30rpx;
	}
</style>
